.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    width: 75%;
    height: 100vh; /* 让背景填满视口高度 */
    background-image: url('/assets/背景.jpg');/*景图片路径 */
    background-size: cover; /* 背景图片覆盖整个容器 */
    background-position: center; /* 背景居中 */
    background-repeat: no-repeat; /* 防止背景图片重复 */
}

  
.mapContainer {
  width: 60%;
  height: 600px;
  margin-bottom: 20px;
}
  
.sliderContainer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
  
  .tooltip {
    position: absolute;
    background-color: rgba(255, 255, 255, 80%);
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 30%);
    pointer-events: none;
    top: 50px;  /* 调整位置 */
  }
  